<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>无量寿经</title>

    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">

    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap.min.css">
    <link rel="stylesheet" href="node_modules/bootstrap/dist/css/bootstrap-theme.min.css">

    <script src="node_modules/jquery/dist/jquery.js"></script>

    <!-- 最新的 Bootstrap 核心 JavaScript 文件 -->
    <script src="node_modules/bootstrap/dist/js/bootstrap.js" ></script>

    <style>

        .scrollcontent{
            height: 100px;
            overflow: auto;
        }
    </style>
</head>
<body>


<div class="container-fluid " style="width: 800px; margin: 50px auto;">


    <div id="myCarousel" data-ride="carousel" class="carousel slide" style="height: 300px;">

        <!-- 轮播（Carousel）指标 -->
        <ol class="carousel-indicators">
            <li data-target="#myCarousel" data-slide-to="0" class="active"></li>
            <li data-target="#myCarousel" data-slide-to="1"></li>
            <li data-target="#myCarousel" data-slide-to="2"></li>
        </ol>

        <!-- 轮播（Carousel）项目 -->
        <div class="carousel-inner">
            <div class="item active">
                <img src="./image/00.jpg" class="img-thumbnail">
                <div class="carousel-caption">
                    <p>顺义地图</p>
                </div>
            </div>
            <div class="item">
                <img src="./image/11.jpg" class="img-thumbnail">
                <div class="carousel-caption">标题 2</div>
            </div>
            <div class="item">
                <img src="./image/22.jpeg" class="img-thumbnail">
                <div class="carousel-caption">标题 3</div>
            </div>
        </div>
        <!-- 轮播（Carousel）导航 -->
        <a class="left carousel-control" href="#myCarousel" role="button" data-slide="prev">
            <span class="glyphicon glyphicon-chevron-left" aria-hidden="true"></span>
            <span class="sr-only">Previous</span>
        </a>
        <a class="right carousel-control" href="#myCarousel" role="button" data-slide="next">
            <span class="glyphicon glyphicon-chevron-right" aria-hidden="true"></span>
            <span class="sr-only">Next</span>
        </a>
    </div>

</div>



</body>
</html>